<template>
	<dam-page>
		<view class="dam-flex_column v_main">
			<view class="dam-flex_row v_head">
			</view>
			<view class="dam-flex_row v_content">
				<view class="v_left">
					<left-content></left-content>
				</view>
				<view class="v_right">
					<right-content></right-content>
				</view>
			</view>
		</view>
	</dam-page>
</template>

<script lang="ts" setup>
	import { ref } from 'vue';
	import { useRouter, useRoute } from 'vue-router';
	import { onLoad } from "@dcloudio/uni-app";
	import { storeToRefs } from 'pinia';
	import { getAbilityExector, printLog } from '@/dam_uni_frame/utils/DamApi';
	import { usePageStore } from "@/dam_uni_frame/stores/stores";
	import DamBridge from '@/dam_common/abilitys/DamBridge';
	import DamToolbar from '@/dam_uni_frame/components/view/dam-toolbar.vue'
	import { dateFormat } from "@/dam_common/utils/DateUtil";
	import ThemeColorUtil from '@/jzutils/ThemeColorUtil';

	import leftContent from './left-content.vue';
	import rightContent from './right-content.vue';

	const themeStore = ThemeColorUtil.useThemeStore();
	const { themeData } = storeToRefs(themeStore);
	const pageStore = usePageStore();
	const { toolbarH, safeAreaTopH, contentHWithoutToolbar } = storeToRefs(pageStore);
</script>

<style lang="scss" scoped>
	@import "/dam_uni_frame/styles/dam_theme_common.scss";
	@import "/static/css/iconfont.css";

	.v_main {
		width: 100%;
		height: 100%;

		.v_head {
			height: 10vmin;
			display: none;
		}

		.v_content {
			height: 100%;

			.v_left {
				width: 18%;
				height: 100%;
			}

			.v_right {
				width: 82%;
				height: 100%;
			}
		}
	}
</style>